<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <title></title>
    <!--<script src="../lib/HWebgl.js"></script>-->
    <script src="../lib/HWebgl.min.js"></script>
    <!--<script src="../lib/hwebgltest01.js"></script>-->
    <!--<script src="../lib/hwebgltest02.js"></script>-->
</head>

<script>
    function main(){
        var textureArray=['myTexture1','myTexture2','myTexture3','myTexture4','myTexture5','myTexture6']
        //参数: 正面图 id,背面图 id ,左侧id, 右侧id, 顶部id, 底部id
        var hwebgl=new HWebgl('webgl');//参数: canvas id
        hwebgl.CreatePano(textureArray,60.0)
        //参数: 贴图数组,视线角度（效果为远近）
        //hwebgl.SetAngle(50.0)//设置远近函数  可用于滚轮 或移动多点 缩放

    }
</script>
<body onload="main()">
<canvas id="webgl" width="400" height="400">
    你的浏览器不支持webgl ， Your browser does not support webgl
</canvas>
<div style="display: none;" >
    <img id="myTexture1" src='../res/pan01/pano_f.jpg'>
    <img id="myTexture2" src='../res/pan01/pano_b.jpg'>
    <img id="myTexture3" src='../res/pan01/pano_u.jpg'>
    <img id="myTexture4" src='../res/pan01/pano_d.jpg'>
    <img id="myTexture5" src='../res/pan01/pano_r.jpg'>
    <img id="myTexture6" src='../res/pan01/pano_l.jpg'>
</div>

</body>

</html>